import type {
  IColorConfigType,
  INumberConfigType,
  ITextConfigType,
  TColorDefaultType,
  TNumberDefaultType,
  IRichTextConfigType,
  TRichTextDefaultType,
} from '@/components/FormComponents/types';
import { TTextDefaultType } from '@/components/FormComponents/types';

export type TButtonEditData = (
  | ITextConfigType
  | IColorConfigType
  | INumberConfigType
  | IRichTextConfigType
)[];

export interface IButtonConfig {
  name: TTextDefaultType;
  round: TNumberDefaultType;
  borderWidth: TNumberDefaultType;
  padding: TNumberDefaultType;
  borderColor: TColorDefaultType;
  content: TRichTextDefaultType;
}

export interface IButtonSchema {
  editableData: TButtonEditData;
  config: IButtonConfig;
}
const Button: IButtonSchema = {
  editableData: [
    {
      key: 'name',
      name: '富文本名称',
      type: 'Text',
    },
    {
      key: 'round',
      name: '边框圆角',
      type: 'Number',
    },
    {
      key: 'borderWidth',
      name: '边框宽度',
      type: 'Number',
    },
    {
      key: 'borderColor',
      name: '边框颜色',
      type: 'Color',
    },
    {
      key: 'padding',
      name: '内边距',
      type: 'Number',
    },
    {
      key: 'content',
      name: '内容',
      type: 'RichText',
    },
  ],
  config: {
    name: '4Vocabulary 词汇预习',
    round: 0,
    borderWidth: 0,
    borderColor: 'rgba(255,255,255,1)',
    padding: 0,
    content:
      "<p style='color:black;word-break:break-word;line-height:200%;text-indent:28.0px' ><span style='font-family: Times New Roman' >1</span><span style='font-family: SimSun' >．能够使用表达物品的归属关系的目标语如：</span><span style='font-family: Times New Roman' >Are these your pencils? Is this his pen? The blue pen is his. They are Bob’s. </span><span style='font-family: SimSun' >等来完成分角色的会话练习。</span></p><p style='color:black;word-break:break-word;line-height:200%;text-indent:28.0px' ><span style='font-family: Times New Roman' >2</span><span style='font-family: SimSun' >．能认读并能工整书写所学单词：</span><span style='font-family: Times New Roman' >teacher</span><span style='font-family: SimSun' >，</span><span style='font-family: Times New Roman' >for ,help</span><span style='font-family: SimSun' >，</span><span style='font-family: Times New Roman' >about</span><span style='font-family: SimSun' >，</span><span style='font-family: Times New Roman' >welcome</span><span style='font-family: SimSun' >，</span><span style='font-family: Times New Roman' >yours </span><span style='font-family: SimSun' >等。</span></p><p style='color:black;word-break:break-word;line-height:200%;text-indent:28.0px' ><span style='font-family: Times New Roman' >3</span><span style='font-family: SimSun' >．能够理解和使用一些常用表达，如：</span><span style='font-family: Times New Roman' >What about…? Thank you for your help. You are welcome</span><span style='font-family: SimSun' >等。</span></p>",
  },
};
export default Button;
